<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品库录入</title>
</head>
<body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <div id="ato">
        <div class="row">
            商品名称：<input type="text" name="name">
        </div>
        <div class="row">
            商品价格：<input type="text" name="price">
        </div>
        <div class="row">
            商品库存：<input type="text" name="sum">
        </div>
        <div class="row">
            <button >提交</button>
        </div>
<!--        <div class="row" id="result">-->
<!--            商品名称 商品价格 商品库存-->
<!--        </div>-->
    </div>
<script>
    let ato=document.querySelector('#ato');
    let btn=document.querySelector('button');
    btn.onclick=function(){
        let inputs= document.querySelectorAll('input');
        let name=inputs[0].value;
        let price=inputs[1].value;
        let sum=inputs[2].value;
        for(let i=0;i<inputs.length;i++){
            if(name==''||price==''||sum==''){
                alert("输入元素不能为空！")
                return;
            }
        }
        //点击按钮，直接发送post请求，把页面上的数据传过去
        data1={
            name:name,
            price:price,
            sum:sum
        }
        $.ajax({
            method:'post',
            url:'save',
            data:data1,
            success:function (body) {
                if(body==-1){
                    console.log("数据插入失败")
                }else {
                    // let result=document.querySelector('#result');
                    // result.innerHTML="计算结果: "+body;
                    console.log("数据插入成功");
                    location.assign("product.html")
                }

            }
        });

    }
    // function getCalcList() {
    //     $.ajax({
    //         method: 'get',
    //         url:'load',
    //         success:function (body) {
    //             console.log(body);
    //             for(let i=0;i< body.length;i++){
    //                 let newDiv2=document.createElement('div');
    //                 newDiv2.className='row';
    //                 let massage = body[i];
    //                 newDiv2.innerHTML=massage.name+"   "+massage.price+"   "+massage.sum;
    //                 ato.appendChild(newDiv2);
    //                 console.log("数据获取成功")
    //             }
    //         }
    //     });
    // }
    // getCalcList();
</script>
</body>
</html>